## 5.1 Télécharger le fichier de code

Cliquez pour télécharger le fichier de code requis pour le cours : [Cliquez pour télécharger](./Kidsblock.7z)

## 5.2 Installation du logiciel sous Windows

1. Télécharger kidsblock : https://wiki.kidsbits.cc/projects/KidsBlock/en/latest/

![Ani](./media/A1.gif)

2. Installation du logiciel

![An](./media/A2.gif)

3. Utilisation du logiciel

Connectez d'abord la carte de développement à l'ordinateur

![A](./media/A3.gif)

## 5.3 Installation du logiciel sous Mac

1. Télécharger kidsblock : https://xiazai.keyesrobot.cn/KidsBlock.dmg

2. Cliquez sur KidsBlock, puis faites glisser KidsBlock Desktop dans Applications.  
![Img](media/A4.png)

3. Patientez pendant l'installation. L'icône KidsBlock apparaîtra dans Launchpad si l'installation est réussie.  
![Img](media/A5.png)

## 5.4 Comment utiliser KidsBlock

Nous démontrons comment utiliser KidsBlock sur un système Windows

1. Interface

![QQ20250516-104217](media/A6.png)

2. Cliquez sur ![](media/A7.png) pour changer de langue.

![](media/A8.png)

3. Cliquez sur ![](media/A9.png) pour accéder à la page principale, sélectionnez la carte de contrôle nécessaire. Dans ce projet, nous sélectionnons la carte principale "**UNO development board**" et cliquez sur **Connect**, puis elle est connectée. Cliquez sur **Go to Editor** pour revenir à l'éditeur de code.  
L'icône ![](media/A10.png) changera en ![Img](media/A11.png), et ![](media/A12.png) changera en ![image-20250516094316842](media/A13.png). Cela signifie que la carte Uno Plus et les ports (COM) sont connectés.

![image-20250516093857221](media/A14.png)

![image-20250516094005544](media/A15.png)

![image-20250516094026631](media/A16.png)

![image-20250516094244414](media/A17.png)

4. Si la carte Uno Plus est connectée, mais que l'icône ![](media/A12.png) ne change pas en ![image-20250516094348761](media/A18.png), vous devez cliquer sur ![](media/A12.png) pour connecter le port COM. Cliquez sur ![](media/A12.png) puis sur **Connect**. Une fenêtre apparaîtra indiquant **Connected**.

![image-20250516094454628](media/A19.png)

![image-20250516094005544](media/A15.png)

![image-20250516094026631](media/A16.png)

![image-20250516094244414](media/A17.png)

Pour déconnecter le port, cliquez simplement sur ![image-20250516094402344](media/A20.png) puis sur **Disconnect**.

![image-20250516094608713](media/A21.png)

5. La carte Uno Plus et le port COM sont connectés, alors cliquez sur ![](media/A22.png) qui changera en ![](media/A23.png).

![image-20250516094638798](media/A24.png)

![image-20250516094700571](media/A25.png)

![QQ20250516-095952](media/A26.png)

<span style="color: rgb(255, 76, 65);">Note :</span> si vous souhaitez mettre à jour les bibliothèques de KidsBlock, cliquez sur ![](media/A27.png) puis sur Clear cache and restart.

![](media/A28.png)

6. ![](media/A29.png) représente les bibliothèques d'extensions pour capteurs et modules. Cliquez sur ![](media/A29.png) pour accéder à la page des bibliothèques d'extensions, cliquez sur un capteur ou module pour l'ajouter.

Par exemple, si vous cliquez sur le module “passive buzzer” ![](media/A30.png), "**Not loaded**" changera en "**Loaded**". Le buzzer passif est alors ajouté.

![Img](media/A31.png)

![](media/A32.png)

Cliquez sur ![](media/A33.png) pour revenir à l'éditeur de code. Ensuite, vous pouvez voir le buzzer passif dans la zone des blocs.

![](media/A34.png)

Si vous souhaitez supprimer le buzzer passif, cliquez sur ![](media/A29.png) pour sélectionner le buzzer passif ![](media/A30.png). Ensuite, "**Loaded**" changera en "**Not loaded**". Le buzzer passif est alors supprimé.

![](media/A32.png)

![](media/A35.png)

La méthode pour supprimer d'autres capteurs ou modules est la même que pour le buzzer passif.

7. Comment ouvrir les fichiers de type SB3 :

1). Double-cliquez sur les fichiers de type SB3 pour les ouvrir. Par exemple, ouvrez ![image-20250516105019155](media/A36.png), puis double-cliquez sur
![](media/A36.png).

![image-20250516102748387](media/A37.png)

2). Ouvrez Kidsblock, cliquez sur **file and Load from your computer**, puis sélectionnez le fichier de type SB3 sur l'ordinateur. (par exemple : ![](media/A36.png)).

![](media/A38.png)

![image-20250516105121551](media/A39.png)

![image-20250516102748387](media/A37.png)

<span style="color: rgb(255, 76, 65);">Note : Veuillez vous référer au lien suivant pour MacOS :</span> [https://kidsblocksite.readthedocs.io/en/latest/](https://kidsblocksite.readthedocs.io/en/latest/)